$().ready(function () {
    load();
});

function load() {
    $('#exampleTable').bootstrapTable({
        method: 'get',
        // 服务器数据的请求方式 get or post
        url: "/product/manager/list",
        // 服务器数据的加载地址
        //	showRefresh : true,
        //	showToggle : true,
        //	showColumns : true,
        iconSize: 'outline',
        toolbar: '#exampleToolbar',
        striped: true,
        // 设置为true会有隔行变色效果
        dataType: "json",
        // 服务器返回的数据类型
        pagination: true,
        // 设置为true会在底部显示分页条
        // queryParamsType : "limit",
        // //设置为limit则会发送符合RESTFull格式的参数
        singleSelect: false,
        // 设置为true将禁止多选
        // contentType : "application/x-www-form-urlencoded",
        // //发送到服务器的数据编码类型
        pageSize: 10,
        // 如果设置了分页，每页数据条数
        pageNumber: 1,
        // 如果设置了分布，首页页码
        //search : true, // 是否显示搜索框
        showColumns: false,
        // 是否显示内容下拉框（选择显示的列）
        sidePagination: "server",
        // 设置在哪里进行分页，可选值为"client" 或者 "server"
        queryParams: function (params) {
            return {
                //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                limit: params.limit,
                offset: params.offset,
                categoryId: $('#id').val()
                // name:$('#searchName').val(),
                // username:$('#searchName').val()
            };
        },
        // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
        // queryParamsType = 'limit' ,返回参数必须包含
        // limit, offset, search, sort, order 否则, 需要包含:
        // pageSize, pageNumber, searchText, sortName,
        // sortOrder.
        // 返回false将会终止请求
        columns: [{
            checkbox: true
        },

            {
                field: 'id',
                title: '编号'
            },
            {
                field: 'name',
                title: '商品名称'
            },
            {
                field: 'price',
                title: '价格'
            },
            {
                field: 'stock',
                title: '库存量'
            },
            {
                field: 'categoryName',
                title: '分类'
            },
            {
                field: 'status',
                title: '产品状态',
                formatter: function (value, row, index) {
                    if (value == '0') {
                        return '<span class="label label-danger">待上架</span>';
                    } else if (value == '1') {
                        return '<span class="label label-primary">正常</span>';
                    }
                }
            },
            {
                field: 'createTime',
                title: '创建时间',
                formatter: function (value, row, index) {
                    return formatUnixtimestamp(value);
                }
            },
            {
                field: 'updateTime',
                title: '修改时间',
                formatter: function (value, row, index) {
                    return formatUnixtimestamp(value);
                }
            }]
    });
}

function reLoad() {
    $('#exampleTable').bootstrapTable('refresh');
}

function formatUnixtimestamp(unixtimestamp) {
    var unixtimestamp = new Date(unixtimestamp * 1000);
    var year = 1900 + unixtimestamp.getYear();
    var month = "0" + (unixtimestamp.getMonth() + 1);
    var date = "0" + unixtimestamp.getDate();
    var hour = "0" + unixtimestamp.getHours();
    var minute = "0" + unixtimestamp.getMinutes();
    var second = "0" + unixtimestamp.getSeconds();
    return year + "-" + month.substring(month.length - 2, month.length) + "-" + date.substring(date.length - 2, date.length)
        + " " + hour.substring(hour.length - 2, hour.length) + ":"
        + minute.substring(minute.length - 2, minute.length) + ":"
        + second.substring(second.length - 2, second.length);
}

function add() {
    layer.open({
        type: 2,
        title: '增加',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '520px'],
        content: '/theme/add/' + $("#id").val()// iframe的url
    });
}

function batchRemove() {
    var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
    if (rows.length == 0) {
        layer.msg("请选择要删除的数据");
        return;
    }
    layer.confirm("确认要删除选中的'" + rows.length + "'条数据吗?", {
        btn: ['确定', '取消']
        // 按钮
    }, function () {
        var productIds = new Array();
        // 遍历所有选择的行数据，取每条数据对应的ID
        $.each(rows, function (i, row) {
            productIds[i] = row['id'];
        });
        $.ajax({
            type: 'POST',
            data: {
                "productIds": productIds,
                "themeId": $("#id").val()
            },
            url: '/themeProduct/batchRemove',
            success: function (r) {
                if (r.code == 0) {
                    layer.msg(r.msg);
                    reLoad();
                } else {
                    layer.msg(r.msg);
                }
            }
        });
    }, function () {

    });
}